<% var pageLevelCSS = { %> 
<<style>
<!--
.widget-box{
margin-top: 30px;
}
@media only screen and (max-width: 320px){
.widget-box{
	max-width: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 480px){
.widget-box{
	max-width: 320px;
}
}
@media only screen and (min-width: 321px) and (max-width: 768px){
.widget-box{
	max-width: 320px;
}
}
@media only screen and (min-width: 768px){
.widget-box{
	max-width: 500px;
}
}
-->
</style>
<%};%> 
<% var pageLevelJS = { %>
<script src="${ctx}/static/fw/js/jquery.mailAutoComplete-3.1.js"></script>
<script src="${ctx}/static/js/common/retrievePassword.js"></script>
<%};%> 
<% var layoutParas =
{"title":sys_systemName,"pageLevelCSS":pageLevelCSS,"pageLevelJS":pageLevelJS};
layout("/WEB-INF/views/btl/template/backBasicSimplePageTemplate.html", layoutParas){ %>
<div class="findPwdTit">
	<span class="fm title">找回密码</span>
	<span class="r goLogin">已有帐号？<a href="${ctx}/auth/login?${session._para}">登录</a></span>
	<div class="clear"></div>
</div>
<div id="forgot-box" class="col-xs-12 border ">
 <div class="widget-box center" >
    <div id="showErrMsg" oper="${data.oper}"  val="${status}" class="hide alert alert-danger alert-dismissible" role="alert" id="errMsgContiner">
		  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		  <div>${desc}</div>
	</div>
	<div class="row fw-row-no-margin">
		<form id="backPasswordForm" action="${ctx}/auth/retrieve/password" class="form-horizontal" method="post"   onsubmit="return validate_form(this)">
			 <div class="col-xs-12 "  >
		   <div class="form-group col-md-12">
			<label class="required-before col-sm-3 control-label no-padding-right" for="nationalId">邮箱：</label>
			<div class="col-sm-9 inline-height">
				 <div class="parentCls divElem " style="display: inline; width: 100%" >
						<span class="block input-icon input-icon-right">
					    <input type="email" w="100%" value="${para.email}" style="padding-left: 6px;padding-right: 24px" class="col-xs-12 form-item-control validate[required,maxSize[50],custom[email]] inputElem" name="email" placeholder="邮箱">
					</span>
				 </div>
		  	</div>
		  </div> 
		   <div class="form-group col-md-12">
		     <label class="required-before col-sm-3 control-label no-padding-right" for="birthday">验证码：</label>
		     <div class="col-sm-9 inline-height">
     			<div style="width: 100%;float: left;">
	     			<div style="float: left;width: 60%">
	     			<input type="text" name="captcha" once="true" style="width: 100%" class="form-item-control pull-left captcha validate[required,maxSize[10]]" placeholder="验证码">
					</div>
					<img title="点击更换验证码" width="40%" height="34px" class="pull-right captcha-img" id="randCodeImage"  src="${ctx}/auth/retrieve/password/captcha.jpg?w=99&h=31&${_para}" 
					onclick="this.src = '${ctx}/auth/retrieve/password/captcha.jpg?w=99&h=31&v=' + Math.random()+'&${_para}'" 
					 />
		 		 </div>
		 	  </div>
		  </div> 
		  </div>
			<div class="col-xs-12 clearfix center">
				<div class="mt30">
				<button type="submit" dealing-title="请求中"  id="next" class="width-120 btn btn-sm btn-primary">
					<i class="ace-icon fa fa-lightbulb-o"></i>
					<span class="bigger-110">下一步</span>
				</button>
			</div>
			</div>
			</form>
		</div><!-- /.widget-main -->
	</div><!-- /.widget-body -->
	<div id="success" class="widget-body content-box " style="display: none;">
	</div>
</div><!-- /.forgot-box -->
<%} %>
